<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="style.css" rel="stylesheet" type="text/css" />
<link href="layout.css" rel="stylesheet" type="text/css" />
<script src="js/jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="js/cufon-yui.js" type="text/javascript"></script>
<script src="js/cufon-replace.js" type="text/javascript"></script>
<script src="js/DIN_1451_Mittelschrift_DB_400.font.js" type="text/javascript"></script>
<script src="js/Futuris_400.font.js" type="text/javascript"></script>
<script src="js/Myriad_Pro_400.font.js" type="text/javascript"></script>
<script src="js/Myriad_Pro_italic_300.font.js" type="text/javascript"></script>
</head>

<body id="page2">
	<div id="main">
		<!--header -->
		<div id="header">
			<a href="#" class="twitter"><img src="images/twitter.jpg" alt=""/></a>
			<div class="wrapper">
				<div class="logo">	
				<div class="right">
					<ul>
						<li><a href="#">Support</a></li>
						<li><a href="#">SiteMap</a></li>
						<li><a href="#">RSS </a></li>
					</ul>
				</div>			
				<a href="index.html"><img src="images/logo.jpg" alt=""/></a>				
			</div>    </div>
			<ul class="menu">
				<li><a href="index.html">Home</a>/ </li>
				<li><a href="index-1.html" class="active">History</a>/ </li>
				<li><a href="index-2.html">Admission</a>/ </li>
				<li><a href="index-3.html">Programs</a>/ </li>
				<li><a href="index-4.html">Staff</a>/ </li>
				<li><a href="index-5.html">Forum</a>/ </li>
				<li><a href="index-6.html">Photos</a>/ </li>
				<li><a href="index-7.html">Contact us</a></li>
			</ul>
			<div class="slogan">
				<h1 class="green">Our task is </h1>
				<h1 class="green"><span>creation of the future</span></h1>
				<p>The university is engaged in making<br/> students safe for ideas</p>
				<a href="#" class="link">our special programs</a>
			</div>
		</div>

		<!--header end-->
		<div id="content">
			<div class="row1">
				<div class="wrapper">
					<div class="col1">
						<h2>College history</h2>
						<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent vestibulum molestie ene
an nonummy hendrerit mauris. Phasellus porta. Fusce suscipit <span>1999</span> varius micum sociisen natoque penatibus et magnis dis parturient montes, nascetur ridiculus.</p>
						<div class="wrapper">
							<img src="images/page2_img1.jpg" alt="" class="imgindent"/>
							<p><span>Lorem ipsum dolor samet</span> consectetue adipiscing elit. Praesent vestibulum molestie enen
an nonumm hendrerit mauris phasellus porta fusce suscipit varius mi cum sociis.</p>

<p>Natoquem penatibus et magnis dis parturient montes nascetur ridiculus<span> 2003</span> mulla duiuscgiat malesuada odio.Morbi nunc odio, gravida at, cursus nec luctus a lorem dolor. </p><br/>
						</div>
						<p>Praesent vestibulum molestie enean nonummy hendrerit mauris phasellus porta fuscemet suscipit varius micum sociisen natoque <span>2009 </span>penatibus etmagnis parturient montes nascet ridiculus mus nulla duiuscgiat malesuada odio morbi nunc odio gravida.</p>
						<div class="wrapper">
							<ul class="left">
								<li><a href="#">Praesent vestibulum molestie enean</a></li>
								<li><a href="#">Nonummy hendrerit mauris phasellus </a></li>
								<li><a href="#">Porta fuscemet suscipit varius micum</a></li> 
							</ul>
							<ul class="right">
								<li><a href="#">Porta fuscemet suscipit varius micum</a></li>
								<li><a href="#">Sociisen natoque penatibus etmagnis </a></li>
								<li><a href="#">Dis parturient montes nascetur ridiculu </a></li> 
							</ul>
						</div>
						<p class="links"><a href="#" class="link">read more</a></p>
					</div>
					<div class="col2 comments">
					<h2>Testimonials</h2>
						<div class="block_type2">
						<div class=" block_type2_bottom">	<div class="wrapper">
								<img src="images/page2_img2.jpg" alt="" class="imgindent"/>
								<p>“Ut enim ad minima veniam quis nostrum exer- citationem ullamet corporis suscipit laboriosam nisi ut aliquid exea lorem ipsum dol unde omnis iste natus error sivoluptatem accusantium doloremque laudantium totam aperiam.”<br/><span>Mark Johnson</span></p>
							</div></div>
						</div>
						<div class="block_type2">
						<div class=" block_type2_bottom">	<div class="wrapper">
								<img src="images/page2_img3.jpg" alt="" class="imgindent"/>
								<p>“Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudan- tium totam rem aperiam eaque ipsa quae ab illo inventore veritatis etquasi architecto beatae vitae dicta sunt explicaboemo enim ipsam.”<br/><span>Bradley Grosh</span></p>
							</div></div>
						</div>
						<div class="block_type2">
						<div class=" block_type2_bottom">	<div class="wrapper">
								<img src="images/page2_img4.jpg" alt="" class="imgindent"/>
								<p>“Vestibulum iaculis lacinia eroin dictum elemen- tum velit fuscem euismod consequat ante lorem ipsum dolor sitamet consectetuer adipiscing elit. Pellentesque seddolor. Aliquam congue fermentum nisl mauris accumsan nulla vel.”<br/><span>Jessica Priston</span></p>
							</div></div>
						</div>
					</div>
				</div>
				</div>
			</div>
			<div class="row2">
						<h2>Our principles</h2>
						<p>Praesent vestibulum molestie enean nonummy hendrerit mauris phasellus porta fuscemet suscipit varius micum sociisen natoque penatibus etmagnis dis parturient montes nascetur ridiculus mus nulla duiuscgiat malesuada odio.Morbi nunc odio, gravida at cursus nec luctus a lorem. Maecenas tristique orci ac sem. Duis ultricies pharetra magna. Donec accumsan malesuada orci. Donec sit amet eros. Lorem ipsum dolor sit amet consectetuer adipiscing elit mauris fermentum.</p>
				<p class="links"><a href="#" class="link">read more</a></p>			
		</div>
		<!--footer -->
		<div id="footer">
			<div class="right">
				<h6>Contact information</h6>
				<p>Telephone / Fax: (000) 123-4567<br/>Location: New York, NY 10000</p>
			</div>
			<ul class="menu">
				<li class="first"><a href="index.html" class="active">Home</a>/ </li>
				<li><a href="index-1.html">History</a>/ </li>
				<li><a href="index-2.html">Admission</a>/ </li>
				<li><a href="index-3.html">Programs</a>/ </li>
				<li><a href="index-4.html">Staff</a>/ </li>
				<li><a href="index-5.html">Forum</a>/ </li>
				<li><a href="index-6.html">Photos</a>/ </li>
				<li><a href="index-7.html">Contact us</a></li>
			</ul>
			<span>College page</span>   &copy; 2010&nbsp;  |  &nbsp;<a href="index-8.html">Privacy policy</a>
		</div>
		<!--footer end-->
	</div>
   <script type="text/javascript"> Cufon.now(); </script>
</body>

</html>
